<!DOCTYPE HTML>
<html lang="en">
<head>
    <title>多表跨库查询服务</title>

    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
    <meta http-equiv="description" content="多表跨库查询服务"/>

    <!--toast-->
    <link href="../metronic/assets/global/plugins/jquery.toast.css " rel="stylesheet"/>
    <script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script src="../metronic/assets/global/plugins/jquery.toast.min.js" type="text/javascript"></script>

    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="../metronic/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet"
          type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/uniform/css/uniform.default.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet"
          type="text/css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- BEGIN PAGE LEVEL STYLES -->
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/select2/select2.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/datatables/plugins/bootstrap/dataTables.bootstrap.css"/>
    <link rel="stylesheet" type="text/css"
          href="../metronic/assets/global/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css"/>
    <!-- END PAGE LEVEL STYLES -->
    <link href="../metronic/assets/global/plugins/bootstrap-fileinput/fileinput.css" rel="stylesheet" type="text/css"/>
    <!-- BEGIN THEME STYLES -->
    <link href="../metronic/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../metronic/assets/global/plugins/bootstrap/css/bootstrap-table.css"/>
    <link href="../theme/zTree/metroStyle/metroStyle.css" rel="stylesheet" type="text/css"/>
    <link href="../metronic/assets/global/plugins/icheck/skins/all.css" rel="stylesheet" type="text/css"/>
    <link href="../js/select/select.css" rel="stylesheet" type="text/css"/>
    <!-- END THEME STYLES -->
    <style type="text/css">
        .form-group {
            margin-bottom: 5px;
        }

        .help-inline {
            color: red;
        }

        .table {
            border-top: solid 3px #F3565D;
        }

        .table-toolbar {
            margin-bottom: 0px;
        }

        .tableleft {
            margin-left: 90px !important;
        }

        .field-container {
            max-height: 200px;
            overflow: auto;
        }

        .field-container li {
            cursor: pointer;
        }

        .field-container li:hover {
            background: #428bca;
        }
    </style>

</head>

<body class="page-header-fixed page-quick-sidebar-over-content "
      style="width: 98%; background: #0f0; background-color: transparent;">
<div class="row" style="margin-top:16px;">
    <!--Begin Right Content-->
    <div class="col-md-12">
        <div class="portlet box blue-steel" style="height: 660px;">
            <div class="portlet-title">
                <div class="caption">
                    <i class="fa fa-globe"></i>多表跨库查询服务
                </div>
                <div class="actions">
                    <a id="btn_back" href="javascript:;" class="btn btn-default btn-sm">
                        <i class="fa fa-backward"></i> 返回
                    </a>
                </div>
            </div>
            <div class="portlet-body" style="height: 600px">
                <div class="tabbable-custom nav-justified" style="height: 580px">
                    <ul id="myTab" class="nav nav-tabs nav-justified disable">
                        <li class="active">
                            <a id="a_tab_m" href="#tab_1_1_1" data-toggle="tab">
                                服务信息配置
                            </a>
                        </li>
                        <li>
                            <a id="a_tab_column" href="#tab_1_1_2" data-toggle="tab">
                                服务显示列配置
                            </a>
                        </li>
                    </ul>
                    <div class="tab-content" style="height: 520px; overflow:auto;">
                        <div class="tab-pane active" id="tab_1_1_1">
                            <form id="moreJoinForm">
                                <div class="form-horizontal form-body form-inline">
                                    <div class="form-group tableleft">
                                        <label class="col-md-4 control-label" style="margin-left:3px;">服务名称:</label>
                                        <div class="col-md-4">
                                            <input id="serviceName" name="serviceName" type="text"
                                                   class="form-control input-inline input-medium"
                                                   placeholder="请输入服务名称"/>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-left:50px;">
                                        <label class="col-md-4 control-label" style="text-align:right;">服务ID:</label>
                                        <div class="col-md-4">
                                            <input id="guid" name="guid" type="text"
                                                   class="form-control input-inline input-medium"
                                                   placeholder="服务ID唯一,不能重复"/>
                                            <input type="hidden" id="guid_hiden"/>
                                        </div>
                                    </div>
                                    <hr/>

                                    <div class="form-group tableleft">
                                        <label class="col-md-4 control-label" style="margin-left:3px;">选择服务1:</label>
                                        <div class="col-md-4">
                                            <div id="multSelect1" class="form-control input-inline input-medium"></div>
                                            <input type="hidden" name="relatedServices" id="service1"/>
                                        </div>
                                    </div>
                                    <div class="form-group" style="margin-left:50px;">
                                        <label class="col-md-4 control-label" style="text-align:right;">选择服务2:</label>
                                        <div class="col-md-4">
                                            <div id="multSelect2" class="form-control input-inline input-medium"></div>
                                            <input type="hidden" name="relatedServices" id="service2"/>
                                        </div>
                                    </div>
                                    <hr/>

                                    <div class="row" style="margin: 0;">
                                        <div class="col-md-4 col-md-offset-1">
                                            <div style="margin-bottom: 20px;">服务1 关联列名：</div>
                                            <div class="field-container">
                                                <ul class="list-group" id="service_1">
                                                </ul>
                                            </div>
                                            <input type="hidden" name="relatedKey" id="service1_key"/>
                                        </div>
                                        <div class="col-md-4">
                                            <div style="margin-bottom: 20px;">服务2 关联列名：</div>
                                            <div class="field-container">
                                                <ul class="list-group" id="service_2">
                                                </ul>
                                            </div>
                                            <input type="hidden" name="relatedKey" id="service2_key"/>
                                        </div>
                                    </div>
                                    <hr style="margin: 10px"/>

                                    <!--<div class="form-group tableleft">-->
                                    <!--<label class="col-md-4 control-label" style="width:126px;">是否缓存:</label>-->
                                    <!--<div class="col-md-4" style="width:250px;">-->
                                    <!--<div class="radio-list" style="margin-left:20px;">-->
                                    <!--<label class="radio-inline">-->
                                    <!--<input type="radio" name="sysCatch" id="sysCatch1" value="0" checked="checked"/>否</label>-->
                                    <!--<label class="radio-inline">-->
                                    <!--<input type="radio" name="sysCatch" id="sysCatch2" value="1" />是</label>-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <!--<div class="form-group"-->
                                    <!--style="width: 245px; margin-left: 68px;">-->
                                    <!--<label class="col-md-3 control-label" style="width: 95px;">缓存时间:</label>-->
                                    <!--<div class="col-md-7" style="padding-left: 14px;">-->
                                    <!--<input id="catchtime" name="catchtime" type="text"-->
                                    <!--class="form-control input-inline input-xsmall input-circle" readonly="readonly"/>分钟-->
                                    <!--</div>-->
                                    <!--</div>-->
                                    <div class="form-group" style="margin-left:85px;">
                                        <label class="col-md-4 control-label" style="width:130px; margin-left:0px;">是否分页:</label>
                                        <div class="col-md-4" style="width:130px;">
                                            <div class="radio-list" style="margin-left:20px;">
                                                <label class="radio-inline">
                                                    <input type="radio" name="ispagination" id="pagintion1" value="0"/>否</label>
                                                <label class="radio-inline">
                                                    <input type="radio" name="ispagination" id="pagintion2" value="1"
                                                           checked="checked"/>是</label>
                                            </div>
                                        </div>
                                    </div>
                                    <hr style="margin: 10px"/>
                                    <div class="form-group" style="margin-left: 119px;">
                                        <button id="btn_serverSave" type="button"
                                                class="btn blue-steel">保&nbsp;&nbsp;存
                                        </button>
                                        <span id="valide_dtMessage" class="help-inline"
                                              style="color: red;"></span>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="tab-pane" id="tab_1_1_2">
                            <table id="tb_fieldList"></table>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--Begin End Content-->
</div>

<!--<script src="../metronic/assets/global/plugins/jquery.min.js" type="text/javascript"></script>-->
<script src="../metronic/assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script>
<!-- IMPORTANT! Load jquery-ui.min.js before bootstrap.min.js to fix bootstrap tooltip conflict with jquery ui tooltip -->
<script src="../metronic/assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/jquery.cokie.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/uniform/jquery.uniform.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-touchspin/bootstrap.touchspin.min.js"
        type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<!-- BEGIN PAGE LEVEL SCRIPTS -->
<script src="../metronic/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-zh-CN.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-editable.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-editable.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap/js/bootstrap-table-fixed-columns.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/icheck/icheck.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/select2/select2.min.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/select2/select2_locale_zh-CN.js"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script src="../js/zTree/jquery.ztree.core.min.js" type="text/javascript"></script>
<script src="../metronic/custom/commDialogs.js" type="text/javascript"></script>

<script src="../metronic/assets/global/plugins/bootstrap-fileinput/fileinput.js" type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-fileinput/fileinput_locale_zh.js"
        type="text/javascript"></script>

<script src="../metronic/assets/global/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"
        type="text/javascript"></script>
<script src="../metronic/assets/global/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        type="text/javascript"></script>
<script src="../js/select/select.js" type="text/javascript"></script>
<script src="../js/serviceConfigration/moreJoinTableService.js" type="text/javascript"></script>
</body>
</html>
